<!DOCTYPE html>
<html>
	<head>
		<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="format-detection" content="telphone=no, email=no" />
		<title>使用说明</title>
		<script src="js/adaptive.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/instruction.css"/>
	</head>
	</head>
	<body>
		<div id="instructionWrap">
			<div class="swiper-container swiper-container1">
				<div class="swiper-wrapper">
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<img class="pic1" src="img/instruction_activate.png"/>
			        	</div>
			        	<p class="colorTitle">激活</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">手环第一次使用前，需要进行充电激活，</p>
			        	<p class="textInstruction">将手环主体USB接头插入任何</p>
			        	<p class="textInstruction">USB接口，即可激活手环</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<img class="pic2" src="img/instruction_pic2.png"/>
			        	</div>
			        	<p class="colorTitle">正确安装</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">从腕带内侧将手环主体USB接口端取</p>
			        	<p class="textInstruction">出或装入</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<img class="pic_bracele1" src="img/instruction_bracelet_pic1.png"/>
			        		<div class="phoneBox">
			        			<img class="pic_phone" src="img/phoneBg.png"/>
			        			<div class="lunboBox">
			        				<div class="swiper-container swiper-container2 <!--swiper-no-swiping-->">
										<div class="swiper-wrapper">
									        <div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_screen1.png"/>
			        							<img class="kuwan_pic" src="img/instruction_kuwan.png"/>
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_screen2.png"/>
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_screen3.png"/>
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_screen4.png"/>
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_screen5.png"/>
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_screen6.png"/>
			        						</div>
			        					</div>
			        				</div>
			        			</div>
			        		</div>
			        	</div>
			        	<p class="colorTitle">绑定</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">下载动哈app-酷玩-绑定手环</p>
			        	<p class="textInstruction">即可开始绑定您的手环</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<div class="lunboBoxHandle">
		        				<div class="swiper-container swiper-container8 <!--swiper-no-swiping-->">
									<div class="swiper-wrapper">
								        <div class="swiper-slide">
		        							<img class="pic_4" src="img/instruction_step.png"/>
		        						</div>
		        						<div class="swiper-slide">
		        							<img class="pic_4" src="img/instruction_step1.png"/>
		        						</div>
		        						<div class="swiper-slide">
		        							<img class="pic_4" src="img/instruction_step2.png"/>
		        						</div>
		        					</div>
		        				</div>
		        			</div>
		        			<img class="finger4" src="img/instruction_finger3.png"/>
			        	</div>
			        	<p class="colorTitle">操作</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">手环支持抬腕显示和触摸按键点亮屏</p>
			        	<p class="textInstruction">幕，点击home切换界面，</p>
			        	<p class="textInstruction">长按home键确认操作</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<img class="pic_5" src="img/instruction_pic5.png"/>
			        		<img class="pic_charge" src="img/instruction_charge.png"/>
			        	</div>
			        	<p class="colorTitle">充电</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">当手环出现电量低的提示时，请尽快</p>
			        	<p class="textInstruction">充电，将主体USB接头插入到任何</p>
			        	<p class="textInstruction">USB插口，即可开始充电</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<div class="lunboBoxStep">
		        				<div class="swiper-container swiper-container7 <!--swiper-no-swiping-->">
									<div class="swiper-wrapper">
								        <div class="swiper-slide">
		        							<img class="pic_6" src="img/instruction_look_step.png"/>
		        						</div>
		        						<div class="swiper-slide">
		        							<img class="pic_7" src="img/instruction_look_kal.png"/>
		        						</div>
		        						<div class="swiper-slide">
		        							<img class="pic_7" src="img/instruction_look_distance.png"/>
		        						</div>
		        					</div>
		        				</div>
		        			</div>
		        			<img class="finger3" src="img/instruction_finger.png"/>
			        	</div>
			        	<p class="colorTitle">看步数</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">点击home键，切换到步数界面，即可查看您当</p>
			        	<p class="textInstruction">前的步数，长按home键即可查</p>
			        	<p class="textInstruction">看当前详细的活动数据</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<div class="lunboBoxHeart">
		        				<div class="swiper-container swiper-container6 <!--swiper-no-swiping-->">
									<div class="swiper-wrapper">
								        <div class="swiper-slide">
		        							<img class="pic_7" src="img/instruction_heart1.png"/>
		        						</div>
		        						<div class="swiper-slide">
		        							<img class="pic_7" src="img/instruction_heart2.png"/>
		        						</div>
		        						<div class="swiper-slide">
		        							<img class="pic_7" src="img/instruction_heart3.png"/>
		        						</div>
		        					</div>
		        				</div>
		        			</div>
			        		<img class="heart_bg" src="img/instruction_heart_bg.png"/>
			        		<img class="finger1" src="img/instruction_finger.png"/>
			        	</div>
			        	<p class="colorTitle">测心率</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">点击home键，切换到心率界面，等待</p>
			        	<p class="textInstruction">5-10秒后，即可显示您当前的心率，长按</p>
			        	<p class="textInstruction">home键可查看当天静息心率</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<img class="pic_8" src="img/instruction_sleep_bg.png"/>
			        		<img class="pic_sleep" src="img/instruction_sleep.png"/>
			        		<img class="finger2" src="img/instruction_finger.png"/>
			        		<img class="sleep_arrow" src="img/instruction_arrow.png"/>
			        	</div>
			        	<p class="colorTitle">测睡眠</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">晚上佩戴手环睡觉，即可测量你的睡</p>
			        	<p class="textInstruction">眠数据，进入步数界面，长按即可查</p>
			        	<p class="textInstruction">看当天的睡眠数据</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<img class="pic_bracele2" src="img/instruction_sport.png"/>
			        		<div class="phoneBox2">
			        			<img class="pic_phone_bg" src="img/instruction_phone_bg2.png"/>
			        			<div class="lunboBox1">
			        				<div class="swiper-container swiper-container3 <!--swiper-no-swiping-->">
										<div class="swiper-wrapper">
									        <div class="swiper-slide">
									        	<div>
									        		<img class="lunbo_pic1" src="img/instruction_sport_screen1.png"/>
			        								<img class="sport_pic" src="img/instruction_sport_icon.png"/>
									        	</div>
			        							
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_sport_screen2.png"/>
			        						</div>
			        						<!--<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_sport_screen3.png"/>
			        						</div>-->
			        					</div>
			        				</div>
			        			</div>
			        		</div>
			        	</div>
			        	<p class="colorTitle">去运动</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">通过酷玩-我的设备-运动类型，设置您的运动</p>
			        	<p class="textInstruction">类型，手环进入运动页面，长按home键进入</p>
			        	<p class="textInstruction">运动模式，单击home键切换运动类型后，</p>
			        	<p class="textInstruction">倒计时3秒后即可进入运动记录模式</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<img class="pic_bracele4" src="img/instruction_music.png"/>
			        		<div class="phoneBox3">
			        			<img class="pic_phone_bg" src="img/instruction_phone_bg3.png"/>
			        			<div class="lunboBox2">
			        				<div class="swiper-container swiper-container4 <!--swiper-no-swiping-->">
										<div class="swiper-wrapper">
									        <div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_music_screen1.png"/>
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_music_screen2.png"/>
			        						</div>
			        						
			        					</div>
			        				</div>
			        			</div>
			        		</div>
			        	</div>
			        	<p class="colorTitle">听音乐</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">通过酷玩-我的设备-音乐控制，打</p>
			        	<p class="textInstruction">开后，即可通过手环控制手机的</p>
			        	<p class="textInstruction">音乐播放</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox">
			        		<img class="pic_bracele5" src="img/instruction_bracelet_pic1.png"/>
			        		<div class="phoneBox2">
			        			<img class="pic_phone_bg" src="img/instruction_phone_bg2.png"/>
			        			<div class="lunboBox1">
			        				<div class="swiper-container swiper-container5 <!--swiper-no-swiping-->">
										<div class="swiper-wrapper">
									        <div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_dialplate0.png"/>
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_dialplate1.png"/>
			        						</div>
			        						<div class="swiper-slide">
			        							<img class="lunbo_pic1" src="img/instruction_dialplate2.png"/>
			        						</div>
			        					</div>
			        				</div>
			        			</div>
			        		</div>
			        	</div>
			        	<p class="colorTitle">换表盘</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">通过酷玩-我的设备-表盘中心，选择</p>
			        	<p class="textInstruction">您喜欢的表盘，点击同步，成功后</p>
			        	<p class="textInstruction">即可切换时间表盘</p>
			        </div>
			        <div class="swiper-slide">
			        	<div class="imgBox"><img class="pic12" src="img/instruction_pic12.png"/></div>
			        	<p class="colorTitle">有疑问</p>
			        	<p class="line">
			        		<span></span>
			        	</p>
			        	<p class="textInstruction">如果对于使用您仍然有疑问，请关注</p>
			        	<p class="textInstruction">“动哈运动”公众号咨询小编，或在</p>
			        	<p class="textInstruction">酷玩页面-建议反馈页面提交您的问题</p>
			        	<p class="textInstruction">我们将竭诚为您解答</p>
			        </div>
			    </div>
			    <!-- Add Pagination -->
			    <div class="swiper-pagination"></div>
			</div>
		</div>
		
		
		
		
		
		
		
		<script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/instruction.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
